<!DOCTYPE html>
Tests interference between different subsequences with compositing. Passes if no red.
<div id="container" style="position: absolute; width: 300px; height: 200px">
  <div id="composited-content1" style="position: absolute; top: 0; left: 0; backface-visibility: hidden">
    <div id="content1a" style="position: absolute; top: 0; left: 0; width: 100px; height: 100px; background-color: red"></div>
  </div>
  <div id="content2" style="position: absolute; top: 0; left: 100px; width: 100px; height: 100px; background-color: red"></div>
</div>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
onload = function() {
  if (window.testRunner)
    testRunner.waitUntilDone();
  runAfterLayoutAndPaint(function() {
    content1a.style.backgroundColor = 'green';
    runAfterLayoutAndPaint(function() {
      content2.style.backgroundColor = 'green';
      if (window.testRunner)
        testRunner.notifyDone();
    });
  });
};
</script>

